<template>
  <div class="register-role">
    <!-- 头部信息 -->
    <div class="head">
      <div class="box">
        <div class="_titlt-name">
          <p>数字化供应链生态平台</p>
          <p>|</p>
          <p>注册账号</p>
        </div>
        <!-- <p class="phone">客服热线：010-11211200</p> -->
      </div>
    </div>
    <div class="content">
      <registerOne @toRegister="toRegister"></registerOne>
    </div>
    <div class="footer">Copyright © 2020 数字化供应链生态平台</div>
  </div>
</template>
<script>
import registerOne from '@/moduleComponents/login/hospital/registerOne.vue'
export default {
  layout: 'blank',
  components: {
    registerOne,
  },
  data() {
    return {}
  },
  methods: {
    toRegister(val) {
      console.log(val.id)
      let activeName = ''
      if (val.id === '1') {
        activeName = 'company'
      } else if (val.id === '3') {
        activeName = 'FCcompany'
      } else if (val.id === '2') {
        activeName = 'hospital'
      } else if (val.id === '4') {
        activeName = 'person'
      }
      this.$router.push({
        path: '/login/register',
        query: {
          activeName: activeName,
        },
      })
    },
  },
  mounted() {
    // $nuxt.setLayout('blank')
  },
}
</script>
<style lang="less" scoped>
.register-role {
  height: 100%;
  background: rgb(244, 247, 250) !important;
  .head {
    background: #fff;
    .box {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0;
      ._titlt-name {
        display: flex;
        align-items: center;
        p:first-child {
          color: rgb(62, 152, 236);
          font-size: 24px;
        }
        p:nth-child(2) {
          color: rgb(217, 217, 217);
          margin: 0 20px;
        }
        p:last-child {
          font-size: 18px;
        }
      }
      .phone {
        font-size: 16px;
      }
    }
  }
  .content {
    margin-top: 70px;
  }
  .footer {
    width: 100%;
    padding: 10px;
    color: #aaa;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
</style>
